<template>
	<view class="main">
		<view class="input_top">
			<input type="text" value="" placeholder="请输入搜索品牌" />
			<image src="" mode=""></image>
		</view>
		<uni-indexed-list :options="list" :showSelect="true" @click="bindClick"></uni-indexed-list>
	</view>
</template>

<script>
	import uniIndexedList from "@/components/uni-indexed-list/uni-indexed-list.vue"
	export default {
	    components: {uniIndexedList},
		data(){
			return{
				list:[{
				    "letter": "A",
				    "data": [
						
						
				        "阿克苏0",
				        "阿克苏1",
				        "阿克苏2",
				        "阿克苏3",
				        "阿克苏4",
				        "阿克苏"
				    ]
				}, {
				    "letter": "B",
				    "data": [
				        "保时捷0",
				        "保时捷1",
				        "保时捷2",
				        "保时捷3",
				        "保时捷"
				    ]
				}, {
				    "letter": "J",
				    "data": [
				        "京觅0",
				        "京觅1",
				        "京觅2",
				        "京觅3",
				        "京觅4"
				    ]
				}]
				
			}
		},
		methods:{
			bindClick(){
				
			}
		}
	}
	
</script>

<style lang='scss'>
	.input_top{
		position: relative;
		background: #000;
		padding: 20upx 0;
		
	}
	.input_top input{
		width: 90%;
		margin:0 auto;
		height:77upx;
		background:rgba(255,255,255,1);
		padding: 0 20upx;
		font-size: 28upx;
	}
</style>
